    // -------------------------- 获取数据信息 进行页面渲染 ----------------------------
    function randerUser() {
        // 发送请求 获取用户的基本信息
        $.ajax({
            type: 'GET',
            url: 'http://ajax.frontend.itheima.net/my/userinfo',
            headers: {
                Authorization: localStorage.getItem('token')
            },
            success: function(res) {
                if (res.status === 0) {
                    console.log(res);
                    // 如果获取信息成功 得到昵称 咩有昵称使用用户名
                    let name = res.data.nickname || res.data.username
                    $('.username').text(name);
                    // 如果获取信息成功 得到头像 咩有头像使用用户名的第一个字母
                    if (res.data.user_pic) {
                        // 用户有头像 将头像路径改变并显示
                        $('.layui-nav-img').attr('src', res.data.user_pic).show()

                    } else {
                        // 用户没有头像
                        let first = name.substr(0, 1).toUpperCase();
                        $('.avatar').text(first).css('display', 'inline-block');
                    }
                }
            }
        })
    }
    randerUser();

    // -------------------------- 点击退出按钮 返回到登录页面 ----------------------------
    $('.logout').on('click', function() {
        console.log(123);
        // 询问是否要退出
        layer.confirm('你确定要退出吗', function(index) {
            // 退出的时候要删除token
            localStorage.removeItem('token')
                // 跳转到登录页面
            location.href = '/login.html';
            layer.close(index);
        });
    })